<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#content{
							width: 1024px;
							height: 500px;
							margin: 0 auto;
						}
						#buy{
							width: 100%;
							height: 30px;
							margin-top: 10px;
							margin-left: 20px;
						}
						#buy a{
							text-decoration: none;
							margin-left: 30px;
							color: black;
							font-size: 18px;
						}
						#buy a:hover{
							color: coral;
						}
						#price{
							margin-top: 10px;
							margin-left: 20px;
						}
						#price td{
							height: 34px;
						}
						#price a{
							text-decoration: none;
							color: black;
							font-size: 15px;
						}
						#pricetitle{
							width: 1024px;
							background: url(img/buytitle_bg.gif);
							background-repeat: no-repeat;
							font-size:15px;padding:0px 0px 16px 60px;
						}
						#userinfo{
							margin-left: 20px;
						}
						#userinfo td{
							height: 34px;
						}
						.a{
							width: 380px;
						}
						.b{
							width: 120px;
						}
						.c{
							text-decoration: none;
							font-weight: bold;
						}
						.red{
							color: red;
						}
						.s{
							color:#999;
						}
						.black{
							color: black;
						}
						.na{
							text-align: right;
						}
						#if{
							width: 100%;
							height: 350px;
							margin-top: 5px;
						}
						#head{
							width: 1024px;
							height: 150px;
							background: url(img/h_bg.jpg);
							margin: 0 auto;
						}
						#head-right{
							width: 40%;
							height: 28px;
							float: right;
							position: relative;
							left: -50px;
							top: 10px;
						}
						#head-right ul{
							list-style: none;
							margin-top: 3px;
						}
						#head-right ul li{
							float: left;
							margin-left: 10px;
						}
						#head-right ul li a{
							color: black;
							font-size: 15px;
							text-decoration: none;
							text-align: center;
						}
						#head-time{
							position: relative;
							left: 600px;
							top: 70px;
						}
						#head-time p{
							font-size: 13px;
							color: #00BFFF;
						}
						#head-dh{
							width: 100%;
							float: left;
							position: relative;
							top: 55px;
						}
						#head-dh ul{
							list-style: none;
							position: relative;
							left: -20px;
						}
						#head-dh ul li{
							width: 84px;
						  	float:left;
						  	text-align:center;
						  	font-weight:bold;
						}
						#head-dh ul li a{
							line-height:30px;
							text-decoration: none;
						  	color:#333;
						  	font-size:14px;
						}
						#head-dh a:hover{
							background-color: aqua;
						}
		</style>
	</head>
	<body>
		<!-- <div id="head">
					<div id="head-right">
						<ul>
							<li><a href="#" target="_parent">购物车</a></li>
							<li><a href="#" target="_parent">帮助中心</a></li>
							<li><a href="#">加入收藏</a></li>
							<li><a href="#">设为首页</a></li>			
							<li><a href="#" style="color: #00BFFF;">登录</a></li>
							<li><a href="#" style="color: #00BFFF;">注册</a></li>
						</ul>
					</div>
					<div id="head-time">
						<p>你好！欢迎访问贵美商城！</p>
					</div>
					<div id="head-dh">
						<ul>
			  				<li><a href="index.htm">首页</a></li>
			  				<li><a href="#">家用电器</a></li>
			  				<li><a href="#">手机数码</a></li>
			  				<li><a href="#">日用百货</a></li>
			  				<li><a href="#">书籍</a></li>
			  				<li><a href="#">帮助中心</a></li>
			  				<li><a href="#">免费开店</a></li>
			  				<li><a href="#">全球咨询</a></li>  				
		  				</ul>
					</div>
				</div> -->
				<div id="content">
					<div id="buy">
						<img src=""/><a href="#" class="c">全场运费一律两元</a><a href="#" class="c">简易计算器</a>
					</div>
					<div id="price">
						<table class="" cellpadding="0" cellspacing="0">
		    				<tbody>
								<tr>
									<td id="pricetitle" colspan="6">
										确认商品价格与交易条件
									</td>
								</tr>
		      					<tr>
							        <td class="a c">&nbsp;&nbsp;&nbsp;&nbsp;商品名</td>
							        <td class="b c">原价</td>
							        <td class="b c">优惠价</td>
							        <td class="b c">打折</td>
							        <td class="b c">数量</td>
							        <td class="b c">删除</td>
							     </tr>
							     <tr class="">
							        <td><a href="info.htm" title="攀高搓捶背靠垫按摩器（蓝色 ）（定制）">&nbsp;&nbsp;&nbsp;&nbsp;攀高搓捶背靠垫按摩器（蓝色 ）（定制）</a></td>
							        <td><span class="s">￥258.00</span></td>
							        <td><span class="red">￥129.00</span></td>
							        <td><span class="black">50折</span></td>
							        <td><input onchange="priceCalc()" type="text" value="1" maxlength="4" size="3"/></td>
							        <td><a href="JavaScript:void(0)" onclick="remove(this)">删除</a></td>
		      					</tr>
		      					<tr class="">
							        <td><a href="info.htm" title="郝彬美国口语-美国口语成功训练系统（MP3）">&nbsp;&nbsp;&nbsp;&nbsp;郝彬美国口语-美国口语成功训练系统（MP3）</a></td>
							        <td><span class="s">￥480.00</span></td>
							        <td><span class="red">￥292.90</span></td>
							        <td><span class="black">60折</span></td>
							        <td><input onchange="priceCalc()" type="text" value="1"  maxlength="4" size="3"/></td>
							        <td><a href="JavaScript:void(0)" onclick="remove(this)">删除</a></td>
							    </tr>
							    <tr class="">
							        <td><a href="info.htm" title="简.奥斯汀全集（DVD-9）（赠BBC产品目录...">&nbsp;&nbsp;&nbsp;&nbsp;简.奥斯汀全集（DVD-9）（赠BBC产品目录...</a></td>
							        <td><span class="s">￥138.00</span></td>
							        <td><span class="red">￥103.90</span></td>
							        <td><span class="black">80折</span></td>
							        <td><input onchange="priceCalc()" name="count" type="text" value="1" maxlength="4" size="3"/></td>
							        <td><a href="JavaScript:void(0)" onclick="remove(this)">删除</a></td>
							    </tr>
							    <tr class="">
							        <td>&nbsp;&nbsp;&nbsp;&nbsp;<a href="catlist.htm">继续挑选商品</a></td>
							        <td class="a_c" colspan="2" id="sum" class="pl58">￥527.40</td>
							        <td colspan="3">你共节省：￥348.60</td>
							    </tr>
							</tbody>
						</table>
					</div>
					<div id="userinfo">
						<table>    
		    				<tbody>    
		      					<tr>
		        					<td id="pricetitle" colspan="2">补充您的邮件地址和联系人基本信息</td>
		      					</tr>
		      					<tr>
									<td class="na"><label for="username">收件人：</label></td>
		       						<td><input type="text" name="username" id="username" /></td>
								</tr>
		      					<tr>
									<td class="na"><label for="address">地&nbsp;&nbsp;&nbsp;址： </label></td>
		        					<td>
		        						<input type="text" name="address" id="address" />
		        						<a href="地址.html" class="c">请点击填写地址</a>
		  							</td>
		      					</tr>      
		      					<tr>
									<td class="na"><label for="tel">电&nbsp;&nbsp;&nbsp;话：</label></td>
		        					<td><input class="w" type="text" name="code"  size="4" id="tel" />-<input class="w81" type="text" name="telnumber" size="8" />-<input class="w30" type="text" name="branchnumber" size="4" /><span class="red b"></span>（区号-电话号码-分机）</td>
		      					</tr>
		      					<tr>
							        <td class="">&nbsp;</td>
							        <td><input class="imginput" type="image" src="img/submit.gif" /></td>
		      					</tr>
		    				</tbody>
		  				</table>
					</div>
					<iframe id="if" src="底部.html" width="" height="" frameborder="0" scrolling="no" align="middle"></iframe>
				</div>
			
		</div>
	</body>
</html>
